<template>
  <div>
    <h2>我的总资产{{ money }}</h2>
    <hr />
    是不是有钱人：
    <input type="checkbox" :checked="flag" />
    <hr />
    <p>当前的状态：{{ state }}</p>
    <hr />
    <p>
      消费项目：
      <button @click="money -= 60">洗脚60</button>
      <button @click="money -= 100">吃饭100</button>
      <button @click="money -= 1000">约会1000</button>
      <button @click="money += 100">送外卖100</button>
    </p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      money: 10000,
      Richpeople: false,
    }
  },
  computed: {
    flag() {
      return this.money <= 10000 ? false : true
    },
    state() {
      return this.money <= 10000 ? '穷光蛋' : '有钱人'
    },
  },
}
</script>
